{% include 'devhub/suppressed_email.html' %}
<nav id="nav-menu" class="DevHub-Navigation content scheme-light">
  <div class="DevHub-Navigation-list-wrapper">
    <ul>
      <li class="DevHub-Navigation-Logo-And-Close">
        <div class="DevHub-Navigation-Logo">
          <a href="{{ url('devhub.index') }}" class="Logo">
            <span>{{ _('Add-on Developer Hub') }}</span>
          </a>
        </div>
        <div class="DevHub-Navigation-Close"><a href="#">&#10006;</a></div>
      </li>

      {% if user_authenticated %}
        <li class="in-hamburger-menu"><a href="{{ url('devhub.addons') }}">
          {{ _('My Add-ons') }}
        </a></li>
      {% endif %}

      <li class="in-hamburger-menu"><a href="{{ settings.EXTENSION_WORKSHOP_URL }}/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=devhub-menu-link">
          {{ _('Extension Workshop') }}
      </a></li>
      <li class="in-hamburger-menu"><a href="https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions?utm_source=addons.mozilla.org&utm_medium=devhub&utm_content=header">
        {{ _('Documentation') }}
      </a></li>
      <li class="in-hamburger-menu"><a href="https://wiki.mozilla.org/Add-ons#Get_in_touch">
        {{ _('Support') }}
      </a></li>
      <li class="in-hamburger-menu flex-grow"><a href="https://blog.mozilla.org/addons/">
        {{ _('Blog') }}
      </a></li>

      <li class="DevHub-Navigation-Open">
        <a href="#nav-menu">&#9776;</a>
      </li>

      {% if user_authenticated %}
      <li class="in-hamburger-menu DevHub-Navigation-SignOut"><a href="{{ url('devhub.logout') }}?to={{ url('devhub.index') }}">
        {{ _('Sign Out') }}
      </a><a class="avatar" href="{{ user.get_url_path() }}">
        <img src="{{ request.user.picture_url }}" alt="{% if not request.user.picture_type %}{{ _('No Photo') }}{% else %}{{ _('User Photo') }}{% endif %}" />
        <span>{{ _('Profile') }}</span>
      </a></li>
      {% else %}
      <li class="in-hamburger-menu DevHub-Navigation-Register">
           <a class="Button" href="{{ login_link() }}">{{ _('Submit or Manage Extensions') }}</a>
      </li>
      {% endif %}
    </ul>
  </div>
</nav>
